/**
 * Created by ZhiQing on 2016/9/22.
 */
$(function () {

    //tab悬浮切换
    (function () {
        fnTab($('.tv_play .main_title .tab'),$('.tv_play .list_wrap'));
        fnTab($('.variety .main_title .tab'),$('.variety .list_wrap'));
        fnTab($('.film .main_title .tab'),$('.film .film_scroll_wrap .scroll_mov'));
        fnTab($('.entertainment .main_title .tab'),$('.entertainment .list_wrap'));
        fnTab($('.laifeng .main_title .tab'),$('.laifeng .list_wrap'));
        fnTab($('.information .main_title .tab'),$('.information .list_wrap'));
        fnTab($('.music .main_title .tab'),$('.music .list_wrap'));
        fnTab($('.life_style .main_title .tab'),$('.life_style .list_wrap'));
        fnTab($('.tourism_child .main_title .tab'),$('.tourism_child .list_wrap'));
        fnTab($('.car_tec .main_title .tab'),$('.car_tec .list_wrap'));

        //不切换
        fnHover($('.juvenile .main_title .tab'));
        fnHover($('.choice_topics .main_title .tab'));
        fnHover($('.funny .main_title .tab'));
        //要切换的
        function fnTab( oNav, aCon){
            var aElem = oNav.children();
            aElem.removeClass('active').eq(0).addClass('active');
            aCon.hide().eq(0).show();

            aElem.each(function (index){

                $(this).mouseover(function (){
                    aElem.removeClass('active');
                    $(this).addClass('active');

                    aCon.hide().eq( index ).show();
                });

            });
        }
        //不切换的
        function fnHover( oNav){
            var aElem = oNav.children();
            aElem.each(function (index){

                $(this).find('a').css('font-size',13);
                $(this).hover(function (){
                    $(this).find('a').css('color','#ff3c00');
                },function(){
                    $(this).find('a').css('color','#555');
                });

            });
        }

    })();

    //鼠标悬浮，显示隐藏框
    (function(){


        //nav导航 更多
        var divMore = $('#nav .wrap .more_detail');
        $('#nav .wrap .more').hover(function(){
            divMore.show();
        },function(){
            divMore.hide();
        });
        divMore.hover(function(){
            divMore.show();
        },function(){
            divMore.hide();
        });
        //nav导航 下载
        var divDownload = $('#nav .wrap .download_detail');
        $('#nav .wrap .download').hover(function(){
            divDownload.show();
        },function(){
            divDownload.hide();
        });
        var divDownload = $('#nav .wrap .download_detail');
        divDownload.hover(function(){
            divDownload.show();
        },function(){
            divDownload.hide();
        });
    })();

    // HOT鼠标提示效果
    (function (){
       $('.list_wrap li .li_pic').hover(function (){
            $('.list_wrap li .li_pic p').remove();
            $(this).append('<p style="width:'+ ($(this).width()) +'px; height:'+ ($(this).height()) +'px;"></p>');
        },function(){
            $('.list_wrap li .li_pic p').remove();
        });

        $('.file_wrap li .li_pic').hover(function (){
            $('.file_wrap li .li_pic p').remove();
            $(this).append('<p style="width:'+ ($(this).width()) +'px; height:'+ ($(this).height()) +'px;"></p>');
        },function(){
            $('.list_wrap li .li_pic p').remove();
        });

        $('.bigpic .li_pic').hover(function (){
            $('.bigpic .li_pic p').remove();
            $(this).append('<p style="width:'+ ($(this).width()) +'px; height:'+ ($(this).height()) +'px;"></p>');
        },function(){
            $('.bigpic .li_pic p').remove();
        });

        $('.index_pic .index_cover').hover(function (){
            $('.index_pic .index_cover div').remove();
            /*$(this).append('<p style="width:'+ ($(this).width()) +'px; height:'+ ($(this).height()) +'px;"></p>');*/
            $(this).append('<div style="width:'+ ($(this).width()) +'px; height:110px;" class="cover"><p class="tex"><span>视频抢先看</span><br/>5.1亿次播放 1.9万次评论</p><a class="btn">立刻播放</a></div>');
        },function(){
            $('.index_pic .index_cover div').remove();
        });

        $('.index_pic .se4 .col3 .ad2').hover(function (){
            $('.index_pic .se4 .col3 .ad2 p').remove();
            $(this).append('<p style="width:'+ ($(this).width()) +'px; height:'+ ($(this).height()) +'px;"></p>');
        },function(){
            $('.index_pic .se4 .col3 .ad2 p').remove();
        });


    })();

});